@charset "utf-8";
/* CSS Document */
@font-face {font-family: 'MotionControl-Bold';src: url('../fonts/MotionControl-Bold.otf');font-weight: normal;font-style: normal;}
article, aside, details, figcaption, figure, header, hgroup, nav, section { display:block }html {font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body {font-size: 12px;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;line-height: 24px;color: #333;background:#fff;}h2,h3{ font-style:normal; font-weight:normal;}* {margin:0;padding:0}a { color:#333; text-decoration:none;transition: all 0.4s ease;-moz-transition: all 0.4s ease;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease; }a:hover { color:#0879f9; }a:active, a:focus, a:hover ,input:focus,textarea:focus { outline:0 }.css3-animate { transition: all 0.6s ease; }.trans { transition: all 0.3s ease;-moz-transition: all 0.3s ease;-webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; }img{ border-style:none;}li{list-style:none}img{border:0;margin:0;vertical-align:middle}table{border-collapse:collapse;border-spacing:0}.line{border-top: #ccc 1px dotted;margin:6px 0;}.left{ float:left;}.right{ float:right;}.text-center { text-align: center; }.text-left { text-align: left; }.text-right { text-align: right; }.orange { color:#e1a616; }.blue { color: #3867c5; }.black { color:#111;}.red1{ color: #de535e; }.bgwhite { background: #fff; }.white { color:#fff; }.gray { color:#888; }.clear { clear: both; }.black { color:#111; }.phonepic { width:100%;}.relative{ position: relative; }.absolute{ position: absolute; }.wrap { position: relative; max-width: 1150px; margin: 0 auto; }.container {max-width: 1150px; width: 100%; margin:0 auto; }.inlineblock{ display: inline-block; }
/*顶部导航开始*/
.header {position:fixed;width:100%;height:112px;background:#fff;border-bottom:#e6e6e6 1px solid;z-index:999;box-shadow: #eee 1px 1px 1px; }
.header .logo{position:absolute;z-index:100;left:0;top:31px;width:190px;}
.header .menu { position:absolute;z-index:100;right: 160px;top:0;height:100px;width:634px;text-align:center; }
.header .menu li{float:left;width:79px;transition: all 0.5s ease;-moz-transition: all 0.5s ease;-webkit-transition: all 0.5s ease;-o-transition: all 0.5s ease;background-position: top center;background-repeat: no-repeat; }
.header .menu li.m11 { width: 65px;background-image: url(../images/m11.png); }
.header .menu li.m12 { background-image: url(../images/m12.png); }
.header .menu li.m13 { background-image: url(../images/m13.png); }
.header .menu li.m14 { background-image: url(../images/m14.png); }
.header .menu li.m15 { background-image: url(../images/m15.png); }
.header .menu li.m16 { width: 93px;background-image: url(../images/m16.png); }
.header .menu li.m17 { background-image: url(../images/m17.png); }
.header .menu li.m18 { background-image: url(../images/m18.png); }
.header .menu li:hover { background-color: #2f63cd; }
.header .menu li a{display:block;width:100%;height:70px;padding-top:30px;line-height:70px;color:#333;font-size: 16px; }
.header .menu li:hover a {color:#fff;}
.header .lan{position:absolute;right:0px;width:124px;padding-left:28px;top:28px;height:28px;z-index:10;}
.header .lan a { width: 60px;border:#eaeaea 1px solid;height: 18px;line-height: 18px;display: inline-block;font-size: 12px; }
.header .lan a.cur { border:#2f63cd 1px solid;background: #2f63cd;color: #fff;  }
.header .tel{position:absolute;right:1px;width:140px;top:59px;height:26px;font-size:15px;z-index:10;background: url(../images/tel.png) no-repeat left center;}

/*首页动画*/
.home-banner { width:100%;position:relative;border-top: #fff 112px solid; }
.home-banner.container { max-width: 1920px; }
.swiper-container { width: 100%;z-index:9; }
.swiper-slide {background-repeat: no-repeat;background-position: center;background-size: cover;/* Center slide text vertically */display: flex;justify-content: center;align-items: center; }
.swiper-slide img { width:100%;}
.swiper-container .swiper-pagination-bullet{opacity:0.5;width:12px;height:12px;background:#000}
.swiper-container .swiper-pagination-bullet-active{opacity:0.6;background:#fff}

.fadeInRight { animation:fadeInRight 1.3s 0.0s both }
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeInLeft { animation:fadeInLeft 1.3s 0.0s both }
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-70px, 0, 0)}100%{opacity:1;transform:none}}
.fadeIn { animation:fadeIn 1.3s 0.0s both}
@keyframes fadeIn{0%{opacity:0;}100%{opacity:1;}}
.fadeInUp { animation:fadeInUp 1.3s 0.2s both }
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0, 50px, 0)}100%{opacity:1;transform:none}}
.fadeInDown { animation:fadeInUp 1.3s 0.2s both }
@keyframes fadeInDown {0%{opacity:0;transform:translate3d(0, -30px, 0)}100%{opacity:1;transform:none}}
.zoomIn { animation:zoomIn 1s 1.1s both; }
@-webkit-keyframes zoomIn{0%{transform:scale(0);opacity: 0;}100%{transform:scale(1);opacity:1;}}

/*首页样式*/
.index0 { width: 100%;height: 354px;background: url(../images/index0.jpg) no-repeat center;color: #fff; }
.index0 .left { width:40%;padding-top:70px; }
.index0 .left p { padding-bottom: 30px;font-size: 22px;line-height: 32px; }
.index0 .right { width: 47%;padding-top:55px; }
.index0 .right li { width: 50%;float: left;padding-bottom: 45px;line-height: 20px;font-size: 15px; }
.index0 .right li p { font-size: 12px; }
.index0 .right li.m1 { width: 40%;padding-left: 10%; }

.index .titen { margin-top:70px;padding:28px 0 10px;background:url(../images/titbg.gif) no-repeat top center;font-size: 30px;font-weight: bold; }
.index .titcn { font-size: 22px;margin-bottom: 44px; }
.index1.container { max-width: 850px; }
.index1 p { margin-bottom: 25px;color: #555; }

.index2 .cate li { width:23%;margin:1%;border-bottom:#5274dc 1px solid;border-radius:4px;height:300px;float: left;background-position: top center;background-repeat: no-repeat;background-size: 100% auto; }
.index2 .cate li a { color: #5374DB;height: 90px;padding-top:210px;display: block; }
.index2 .cate li .tit1 { padding:0 1% 8px;font-size: 22px; }
.index2 .cate li .tit2 { padding:0 1%;font-size: 16px; }

.indexpro li { width:19%;margin:0 1.25% 1.25% 0;float: left;border-bottom-right-radius:6px;-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.3); -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.3); box-shadow:0 2px 5px  rgba(0, 0, 0, 0.3);border-radius: 6px;  }
.indexpro li a { display: block;color: #fff;font-size: 16px;border-radius: 6px; }
.indexpro li.bg1 a { background: #5275dc; }
.indexpro li.bg1:hover a { background: #0f3aba; }
.indexpro li .tit { padding:6px 0; }
.indexpro li.bg1 .tit { padding:12px 0; }
.indexpro li span { display:block;border:#5275dc 2px solid; }
.indexpro li span .tit { background: #5275dc; }
.indexpro li:hover span { border:#0f3aba 2px solid; }
.indexpro li:hover span .tit { background: #0f3aba; }
.indexpro li.m1 { width:39.25%; }
.indexpro li.m4 { margin-right: 0; }
.indexpro li .pic { width: 100%;height: 140px;background-repeat: no-repeat;background-position: center; }

.index3 { padding:1.5% 0 6%;width:100%;color:#666; }
.index3 li { width:23%;margin:0 1%;float: left; }
.index3 li a { display: block;padding:3%;border:#eee 1px solid;border-radius:3px;-moz-box-shadow:1px 4px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow:1px 4px 4px rgba(0, 0, 0, 0.2); box-shadow:1px 4px 4px  rgba(0, 0, 0, 0.2); }
.index3 .pic { width:100%;height:158px;overflow: hidden; }
.index3 .bg { position:absolute;width:100%;height:100%;left:0;top:0;z-index:99;background:#000;opacity:0;filter:alpha(opacity=0);transition: all 0.6s ease;}
.index3 li:hover .bg { opacity:.3;filter:alpha(opacity=30);}
.index3 li .pic img{ width: 100%;height:100%;overflow-x: hidden;overflow-y: hidden;position: relative;z-index:1;transition: all 0.6s ease;}
.index3 li:hover .pic img {transform: scale(1.1, 1.1);}
.index3 li .title { width: 100%;font-size: 16px;color:#666;padding:10px 0 13px;background: url(../images/xwbg.gif) no-repeat left bottom;background-size: 25px 2px; }
.index3 li:hover .title { color:#db535f;font-weight: bold;background-size: 80px 2px; }

.footer{width:100%;background:#ddd;border-top:#d8d8d8 1px solid;padding-top:30px;color:#666; overflow: hidden; }
.foot1 {width:100%;padding:30px 0 0;word-spacing: 20px;}
.foot2 {width:100%;padding:0 0 30px; }
.footer a { color: #666; }
.footer a:hover { color: #444; }

#fenye {float:right;color:#0085d9;padding:0 45px 0 0; height:25px;}
#fenye a {padding:0 4px;color:#0085d9; border:#0085d9 1px solid; margin:0 1px;}
#fenye a:hover {text-decoration:none; background:#0085d9;color:#fff;}
#fenye .a1 { padding:0 4px;border:#0085d9 1px solid; margin:0 1px;background:#0085d9;color:#fff;}

/*公共样式*/

.main { padding:1% 0.5%;background: #fafafa;box-shadow:2px 3px 2px #ccc; }
.main .container { padding:1% 15px 1%;max-width: 850px;border-radius: 5px; }
.daohang { line-height: 36px;background: #f3f3f3;word-spacing:4px;border-bottom:#eee 1px solid;color:#666; }
.daohang .container { max-width: 880px; }
.caidan { padding:0 0 20px;margin:0 0 20px; }
.caidan a { display: inline-block;line-height: 36px;margin:0 6px;padding:0 15px;background:#3063ce;color:#fff;font-size: 16px;border-radius: 4px; }
.caidan a:hover { background: #e8e8e8;color: #111; }

.mainright { width: 100%;margin-right:1%;min-height: 350px; }
.mainright .content { padding:2% 0;font-size:14px; }
.mainright .biaoti { font-size: 14px;border-bottom: #ccc 1px solid; text-align: center;}
.mainright .biaoti span { display: inline-block;font-size: 16px;color:#3063ce;font-weight: bold;border-bottom: #3063ce 1px solid;padding:0 0 8px; }

/* main_img */
.anli_img{width: 100%; position: relative;cursor: pointer;z-index:1;float: left; background:#aaa;}
.anli_img .tupian { width:100%;height:100%;position:relative;z-index:20;left:0;top:0;}
.anli_img .tupian img { width:100%;height:100%;}
.anli_img .pinpai { width:1%;height:1%;position:absolute;left:50%;top:50%;z-index:200;opacity: 0;filter:alpha(opacity=0);transition: all 0.5s ease;}
.anli_img .pinpai img{width: 100%;height:100%;}
.anli_img:hover .pinpai {width: 100%;height:100%;left:0;top:0;opacity: 1;filter:alpha(opacity=100);}

/*about页面*/
.mainright .about p { line-height: 25px;padding:0 0 15px; }

.products li { width:32%;margin:0 0 2% 2%;line-height:22px;padding:10px 0;background:#eee;float: left; }
.products li:hover { background: #3063ce; }
.products li a { display: block;font-size:15px;transition: none; }
.products li:hover a { color: #fff; }

.tupian li { width:32%;margin:0 0 2% 2%;float: left; }
.lishi li { width: 100%;float: left;padding:76px 0 0;background: url(../images/lishi.png) no-repeat 0 0;  }
.lishi p { float:left; }
.lishi p.ls1 { width: 109px;padding:12px 0;height:23px;text-align: center;font-size: 18px;font-weight: bold;  }
.lishi p.ls2 { padding:10px 15px;background: #3063ce;border-radius:40px;color:#fff;font-size: 15px; }

/*新闻*/
.news{ max-width:900px;width:96%;margin:0 auto;padding:35px 0 50px;min-height:300px;}
.news li { width:98%;padding:7px 0 7px 3%;background:url(../images/arr1.gif) no-repeat left center;border-bottom:#ccc 1px dotted;float:left;}
.news li a { width:80%;overflow: hidden;/*注意不要写在最后了*/ white-space: nowrap;-o-text-overflow: ellipsis;text-overflow: ellipsis;float: left;}
.news li p { width:20%;font-size: 11px;float: left;text-align: center;}

.news-page {padding: 90px 0;text-align: center;}
.news-page span,.news-page a {display: inline-block;width: 32px;height: 32px;border: 1px solid #ddd;text-align: center;line-height: 32px;margin-left: -1px;}
.news-page .current {background-color: #4E8ACB;color: #fff;}
.news-page a:hover {background-color: #eee;}

.newsview{ min-height:300px;margin-top:40px; }
.newsview .title { text-align:center;font-weight:bold;font-size:16px;padding:0 0 12px;border-bottom:#eee 1px solid;}
.newsview .date { padding:22px 0 21px;color:#666;word-spacing:6px; text-align:center;}
.newsview img { width:100%;margin:5px 0;}
.newsview .text { font-size:14px;}

.talent p { width: :90%;padding:0 5% 15px;margin:0 0 15px; }
.talent .tit { font-size: 18px;padding:0 0 12px;border-bottom: #ddd 1px solid;margin-bottom: 12px; }
.talent img { border-radius: 4px; }
/*联系我们*/
.contact p { width: :90%;padding:0 5% 15px;margin:0 0 15px;border-bottom: #ddd 1px solid; }
.bbs h3 { font-size: 18px;font-weight: normal;display: inline-block;padding:0 0 5px;border-bottom: #ffa200 2px solid;margin:0 0 12px; }
.bbs p { width: :100%;padding:0 0 15px;}
.form-text { width: 400px;padding:8px;border-radius: 4px;border:#ccc 1px solid; -moz-box-shadow:1px 1px 0px #aaa inset;-webkit-box-shadow:1px 1px 0px #aaa inset; box-shadow:1px 1px 0px #aaa inset;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif;}
.form-submit { background: #ffa200;display: block;border:0;width: 500px;line-height: 40px;text-align: center;color:#fff;font-size: 18px;border-radius: 4px;cursor: pointer;font-family: "Microsoft YaHei", "微软雅黑", Arial, sans-serif; }
.form-submit:hover { background: #ffcc00; }